<?php

/*
 *Check area
 */
?><hr>
<script>
$(document).ready(function(){
    $('.check_area').mouseover(function(){
        $('#photo img').attr('src', '<?php echo 'http://'.$_SERVER['HTTP_HOST'].'/salusme/include/'; ?>images/check_area/human_' + $(this).attr('id') + '.gif');
    });
    $('.check_area').mouseout(function(){
        $('#photo img').attr('src', '<?php echo 'http://'.$_SERVER['HTTP_HOST'].'/salusme/include/'; ?>images/check_area/human.gif');
    });
});
</script>

<style type="text/css">
    .check_area
    {
        font-size: 13px;
        color: #454545;
        cursor: pointer;
    }
</style>
<div class="color_blue">Patient Summary</div>
<br/>
<div class="check_area_left float_left">
    <div id="senso" class="check_area"><a>Special senses</a></div>
    <div id="nervoso" class="check_area"><a>Nervous System </a></div>
    <div id="ossa" class="check_area"><a>Skeletal System </a></div>
    <div id="genito" class="check_area"><a>Genitourinary System </a></div>
    <div id="endocrino" class="check_area"><a>Endocrine-metabolic system</a></div>
    <div id="respiratorio" class="check_area"><a>Respiratory system </a></div>
    <div id="gastro" class="check_area"><a>Gastrointestinal </a></div>
    <div id="circolatorio" class="check_area"><a>Heart, large vessels and blood</a></div>
    <div id="pressione" class="check_area"><a>Pressure</a></div>
    <div id="misure" class="check_area"><a>Anthropometric Measurements </a></div>
    <div id="temperatura" class="check_area"><a>Temperature </a></div>
    <div id="peso" class="check_area"><a>Weight</a></div>
</div>
<div id="photo" class="float_left" style="margin-left: 50px;margin-top: -40px">
    <img src="<?php echo 'http://'.$_SERVER['HTTP_HOST'].'/salusme/include/'; ?>images/check_area/human.gif"/>
</div>
<div class="clear"></div>